<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>product</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" type="text/css" href="./static/style.css">
</head>

<body>
  <div class="container">
    <header class="index_head page_head">
      <div class="Wrapper">
          <div class="head">
              <div class="logo">
                  <a href="#">
                      <img src="./img/index/logo.png" alt="">
                  </a>
              </div>
              <div class="Wrap">
                  <div class="head_top">
                      <div class="linkwrap">
                          <div class="link_item">
                              <div class="icon">
                                  <img src="./img/index/tel.png" alt="">
                              </div>
                              <a href="javascript:;">
                                  Phone: +86 155 3304 0524
                              </a>
                          </div>
                          <div class="link_item">
                              <div class="icon">
                                  <img src="./img/index/email.png" alt="">
                              </div>
                              <a href="javascript:;">
                                  Email:matthew@jfrockbolt.com
                              </a>
                          </div>
                      </div>


                  </div>
                  <div class="menu">
                      <div class="web_nav">
                          <!-- 一级 -->
                          <ul>
                              <li class="nav-current">
                                  <a href="./index.html">
                                      <em>Home</em>
                                  </a>
                              </li>
                              <li>
                                  <a href="javascript:;">
                                      <em>about us</em>
                                  </a>
                              </li>
                              <li>
                                  <a href="./product-list.html">
                                      <em>Product</em>
                                  </a>
                                  <!-- 二级 -->
                                  <ul>
                                      <li>
                                          <a href="./product.html">
                                              <em> Products_Details</em>
                                          </a>
                                          <ul>
                                              <li>
                                                  <a href="#">
                                                      <em> Products_Details</em>
                                                  </a>
                                              </li>
                                              <li>
                                                  <a href="#">
                                                      <em> Products_Details</em>
                                                  </a>
                                              </li>
                                              <li>
                                                  <a href="#">
                                                      <em> Products_Details </em>
                                                  </a>
                                              </li>
                                          </ul>

                                      </li>
                                      <li>
                                          <a href="#">
                                              <em> Products_Details</em>
                                          </a>
                                          <ul>
                                              <li>
                                                  <a href="#">
                                                      <em> 123123132132</em>
                                                  </a>
                                              </li>
                                          </ul>
                                      </li>
                                  </ul>
                              </li>

                              <li>
                                  <a href="./news-list.html">
                                      <em>news</em>
                                  </a>
                              </li>
                              <li>
                                  <a href="javascript:;">
                                      <em>Certificate</em>
                                  </a>
                              </li>
                              <li>
                                  <a href="javascript:;">
                                      <em>Contact</em>
                                  </a>
                              </li>
                          </ul>
                      </div>
                      <div class="head_form">
                          <div class="country">
                              <div class="change-language ensemble">
                                  <div class="change-language-title medium-title">
                                      <div class="language-flag language-flag-en"><a title="English"
                                              href="javascript:;"> <b class="country-flag"></b>
                                              <span>English</span> </a> </div>
                                  </div>
                                  <div class="change-language-cont sub-content"></div>
                              </div>
                          </div>
                          <div class="head_search">
                              <b id="btn-search" class="btn--search"></b>
                          </div>
                      </div>
                  </div>

              </div>

          </div>

      </div>
  </header>

    <!-- sys_sub_head -->
    <section class="sys_sub_head">
      <img src="./img/index/quote.png" alt="">
      <div class="path_bar">
       <div class="layout">
         <ul>
           <li><a href="/index.html">Home</a></li>
           <li>Products</li>
         </ul>
       </div>
       
   </div>
     </section>
 
    <!-- page-layout start -->
    <section class="web_main page_main">
      <div class="layout">
           <!-- aside start -->
           <aside class="aside">
            <div class="aside-wrap">
              <div class="side-widget">
                <div class="side-tit-bar">
                  <h2 class="side-tit">Categories</h2>
                </div>
                <ul class="side-cate">
                  <li class="nav-current" ><a href="product-list.html">Detachable Container House</a>
                    <ul class="sub-menu">
                      <li><a href="product-list.html">product_item</a></li>
                      <li class="nav-current"><a href="product-list.html">product_item</a></li>
                      <li><a href="product-list.html">product_item</a></li>
                    </ul>
                  </li>
                  <li><a href="product-list.html">Folding Flat Pack Container House</a>
                    <ul class="sub-menu">
                      <li><a href="product-list.html">product_item</a></li>
                      <li><a href="product-list.html">product_item</a></li>
                      <li><a href="product-list.html">product_item</a></li>
                    </ul>
                  </li>
                  <li ><a href="product-list.html">Foldable Container House</a>
                    <ul class="sub-menu">
                      <li><a href="product-list.html">product_item</a></li>
                      <li><a href="product-list.html">product_item</a></li>
                      <li><a href="product-list.html">product_item</a></li>
                    </ul>
                  </li>
                  <li><a href="product-list.html">Expandable Container House</a>
                    <ul class="sub-menu">
                      <li><a href="product-list.html">product_item</a></li>
                      <li><a href="product-list.html">product_item</a></li>
                      <li><a href="product-list.html">product_item</a></li>
                    </ul>
                  </li>
                </ul>
              </div>
              <div class="side-widget">
                <div class="side-tit-bar">
                  <h2 class="side-tit">Featured Products</h2>
                </div>
                <div class="side-product-items">
                  <div class="items_content">
                    <div class="side_slider">
                    <ul class="swiper-wrapper">
                      <li class="swiper-slide gm-sep side_product_item">
                        <figure> 
                          <a href="product.html" class="item-img"><img src="./img/index/pro01.png" alt=""/></a>
                          <figcaption>
                            <h3 class="item_title"><a href="product.html">Foot</a></h3>
                          </figcaption>
                        </figure>
                      </li>
                      <li class="swiper-slide gm-sep side_product_item">
                        <figure> 
                          <a href="product.html" class="item-img"><img src="./img/index/pro02.png" alt=""/></a>
                          <figcaption>
                            <h3 class="item_title"><a href="product.html">Mask</a></h3>
                          </figcaption>
                        </figure>
                      </li>
                      <li class="swiper-slide gm-sep side_product_item">
                        <figure> 
                          <a href="product.html" class="item-img"><img src="./img/index/pro03.png" alt=""/></a>
                          <figcaption>
                            <h3 class="item_title"><a href="product.html">Oxygen bottle</a></h3>
                          </figcaption>
                        </figure>
                      </li>
                      <li class="swiper-slide gm-sep side_product_item">
                        <figure> 
                          <a href="product.html" class="item-img"><img src="./img/index/pro02.png" alt=""/></a>
                          <figcaption>
                            <h3 class="item_title"><a href="product.html">Projector</a></h3>
                          </figcaption>
                        </figure>
                      </li>
                      <li class="swiper-slide gm-sep side_product_item">
                        <figure> 
                          <a href="product.html" class="item-img"><img src="./img/index/pro01.png" alt=""/></a>
                          <figcaption>
                            <h3 class="item_title"><a href="product.html">Oxygen bottle</a></h3>
                          </figcaption>
                        </figure>
                      </li>
                      <li class="swiper-slide gm-sep side_product_item">
                        <figure> 
                          <a href="product.html" class="item-img"><img src="./img/index/pro03.png" alt=""/></a>
                          <figcaption>
                            <h3 class="item_title"><a href="product.html">Foot</a></h3>
                          </figcaption>
                        </figure>
                      </li>
                    </ul>
                    </div>
                    <div class="btn-prev"></div>
                    <div class="btn-next"></div>
                  </div>
                </div>
              </div>
            </div>
          </aside>
          <!--// aside end -->
          <div class="main">
              <!-- product info -->
              <div class="product-intro">
                <div class="product-view">
                  <div class="product-image"> <a class="cloud-zoom" id="zoom1" data-zoom="adjustX:0, adjustY:0" href="./img/index/pro01.png" title=""> <img src="./img/index/pro01.png" itemprop="image" title="" alt="" style="width:100%" /></a> </div>
                  <div style="position:relative; width:100%;">
                    <div class="image-additional">
                      <ul class="swiper-wrapper">
                        <li class="swiper-slide image-item current"> <a class="cloud-zoom-gallery item" href="./img/index/pro01.png" data-zoom="useZoom:zoom1, smallImage:./img/index/pro01.png" title=""><img src="./img/index/pro01.png" title="" alt="" /></a> </li>
                        <li class="swiper-slide image-item"> <a class="cloud-zoom-gallery item" href="./img/index/pro02.png" data-zoom="useZoom:zoom1, smallImage:./img/index/pro02.png" title=""><img src="./img/index/pro02.png" title="" alt="" /></a> </li>
                        <li class="swiper-slide image-item"> <a class="cloud-zoom-gallery item" href="./img/index/pro03png" data-zoom="useZoom:zoom1, smallImage:./img/index/pro03.png" title=""><img src="./img/index/pro03.png" title="" alt="" /></a> </li>
                        <li class="swiper-slide image-item"> <a class="cloud-zoom-gallery item" href="./img/index/pro01.png" data-zoom="useZoom:zoom1, smallImage:./img/index/pro01.png" title=""><img src="./img/index/pro01.png" title="" alt="" /></a> </li>
                        <li class="swiper-slide image-item"> <a class="cloud-zoom-gallery item" href="./img/index/pro02.png" data-zoom="useZoom:zoom1, smallImage:./img/index/pro02.png" title=""><img src="./img/index/pro02.png" title="" alt="" /></a> </li>
                        <li class="swiper-slide image-item"> <a class="cloud-zoom-gallery item" href="./img/index/pro03png" data-zoom="useZoom:zoom1, smallImage:./img/index/pro03.png" title=""><img src="./img/index/pro03.png" title="" alt="" /></a> </li>
                      </ul>
                      <!-- <div class="swiper-pagination swiper-pagination-white"></div> -->
                    </div>
                    <div class="swiper-button-next swiper-button-white"></div>
                    <div class="swiper-button-prev swiper-button-white"></div>
                  </div>
                </div>
                <div class="product-summary">
                  <h2 class="page_title">Projector-plk112</h2>
                  <div class="product-meta">
                    <p>The LifeSource UT-302 ear thermometer is a lightweight portable medical
                      thermometer that is made to take fast, accurate temperture measurments
                      through the ear in just one second. The UT-302 thermometer scans the ear
                      512 times in just one second. Reads in fahrenheit and celsius. 10 memory
                      recall. One button activation. Led Illuminated digital screen..</p>
                    <br>
                    <ul>
                      <li><em>Specification: </em> <span class="item-val">20kg</span></li>
                      <li><em>Use Parts:</em> <span class="item-val">Interior wall</span></li>
                      <li><em>Layer: </em> <span class="item-val">Finish</span></li>
                      <li><em>Supply Ability: </em> <span class="item-val">10000 Piece/Pieces per Month</span></li>
                      <li><em>Can mix colors:</em> <span class="item-val">Shanghai</span></li>
                      <li><em>Construction Method:</em> <span class="item-val">Brushing, roll coating</span></li>
                    </ul>
                  </div>
                  <div class="gm-sep product-btn-wrap"> <a href="javascript:" class="email">CONTACT NOW</a> <a href="#" class="pdf">down load to pdf</a> </div>
                  <div class="share-this"><img src="template/img/demo/share_this.png" alt=""></div>
                </div>
              </div>
            <!-- product-detail -->
            <div class="tab-content-wrap product-detail">
              <div class="gm-sep tab-title-bar detail-tabs">
                <h2 class="tab-title title current">Details</h2>
              </div>
              <div class="tab-panel-wrap">
                <div class="tab-panel">
                  <div class="tab-panel-content entry">
                  sdddd
                  </div>
                </div>
              </div>
            </div>

            <!-- inquiry form -->
            <div class="inquiry-form-wrap">
              <script type="text/javascript" src="../../../../../www.globalso.site/php/app.php@widget-init-inline.js"></script>
              <h3 class="form_title">Leave Your Message</h3>
              <!-- 表单只放下面div的 -->
                <div class="form">
                  <div action="" id="form">
                      <div class="list">
                      <p><span>*</span> Name</p>
                      <input type="text" placeholder="Please enter your first name">
                      </div>
                      <div class="list">
                      <p><span>*</span> Email</p>
                      <input type="text" placeholder="( we will reply your email in 24 hours )">
                      </div>
                      <div class="list">
                      <p> Phone/WhatsAPP/WeChat</p>
                      <input type="text" placeholder="( very important )">
                      </div>
                      <div class="list">
                      <p><span>*</span> What I have to say</p>
                      <textarea name="" placeholder="Enter product details such as size, color, materials etc and other specificrequirements to receive an accurate quote"></textarea>
                      </div>
                      <input type="submit" value="Submit" id="submit">
                  </div>
                </div>
            </div>

            <div class="goods-may-like">
              <h2 class="title">Products categories</h2>
              <div class="layer-bd">
                <div class="swiper-slider swiper-container-horizontal">
                <ul class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
                    <li class="swiper-slide wow fadeInUpA product_item swiper-slide-active" data-wow-delay=".1s" style="width: 300px; visibility: visible; animation-delay: 0.1s; animation-name: fadeInUpA; margin-right: 20px;">
                      <figure> <span class="item_img"><img src="./img/index/pro01.png" alt=""><a href="product.html"></a></span>
                        <figcaption>
                          <h3 class="item_title"><a href="product.html">Roin bibendum nibhsds Nuncsdsd fermdada</a></h3>
                        </figcaption>
                      </figure>
                    </li>
                    <li class="swiper-slide wow fadeInUpA product_item swiper-slide-next" data-wow-delay=".2s" style="width: 300px; visibility: visible; animation-delay: 0.2s; animation-name: fadeInUpA; margin-right: 20px;">
                      <figure> <span class="item_img"><img src="./img/index/pro02.png" alt=""><a href="product.html"></a></span>
                        <figcaption>
                          <h3 class="item_title"><a href="product.html">Roin bibendum nibhsds Nuncsdsd fermdada</a></h3>
                        </figcaption>
                      </figure>
                    </li>
                    <li class="swiper-slide wow fadeInUpA product_item" data-wow-delay=".3s" style="width: 300px; visibility: visible; animation-delay: 0.3s; animation-name: fadeInUpA; margin-right: 20px;">
                      <figure> <span class="item_img"><img src="./img/index/pro03.png" alt=""><a href="product.html"></a></span>
                        <figcaption>
                          <h3 class="item_title"><a href="product.html">Roin bibendum nibhsds Nuncsdsd fermdada</a></h3>
                        </figcaption>
                      </figure>
                    </li>
                    <li class="swiper-slide wow fadeInUpA product_item" data-wow-delay=".4s" style="width: 300px; visibility: visible; animation-delay: 0.4s; animation-name: fadeInUpA; margin-right: 20px;">
                      <figure> <span class="item_img"><img src="./img/index/pro02.png" alt=""><a href="product.html"></a></span>
                        <figcaption>
                          <h3 class="item_title"><a href="product.html">Roin bibendum nibhsds Nuncsdsd fermdada</a></h3>
                        </figcaption>
                      </figure>
                    </li>
                    <li class="swiper-slide wow fadeInUpA product_item" data-wow-delay=".5s" style="width: 300px; visibility: visible; animation-delay: 0.5s; animation-name: fadeInUpA; margin-right: 20px;">
                      <figure> <span class="item_img"><img src="./img/index/pro01.png" alt=""><a href="product.html"></a></span>
                        <figcaption>
                          <h3 class="item_title"><a href="product.html">Roin bibendum nibhsds Nuncsdsd fermdada</a></h3>
                        </figcaption>
                      </figure>
                    </li>
                 
                </ul>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                <div class="swiper-control">
                  <span class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></span>
                  <span class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></span>
                </div>
              </div>
            </div>

        </div>
      </div>
    </section>

    <div class="footer">
      <div class="web_footer">
          <div class="Wrap">
              <div class="company_info">
                  <div class="foot_logo">
                      <img src="./img/index/logo.png" alt="">
                  </div>
                  <p>Hebei Jiufu Industrial and Mining Parts Co., Ltd.</p>
                  <span>
                      Hebei Jiufu Industrial and Mining Parts Co., Ltd. is a manufacturer 
                      specializing in the supply of supporting materials for coal mining, 
                      construction engineering and large-scale concrete projects. It mainly 
                      produces self-drilling bolts, friction bolts, glass fiber reinforced plastic 
                      solid bolts
                  </span>
                  <div class="company_email btn">
                      Your Email
                      <svg t="1713945534581" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2928" width="25" height="25"><path d="M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l304.103619 257.828572a170.666667 170.666667 0 0 0 220.745142 0L926.47619 355.644952zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z" p-id="2929" fill="#ffffff"></path></svg>
                  </div>

              </div>
              <div class="foot_menu">
                  <div class="navList">
                      <h3>Featured Product</h3>
                      <ul>
                          <li>
                              <a href="javascript:;">
                                  Self Drilling Anchor Bolt
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  Friction Bolts Split Sets
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  Mining Roof Bolts
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  Restressed Screw Thread Steel Bars
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  Mining Tunnel Support
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  Nuts
                              </a>
                          </li>
                      </ul>
                  </div>
                  <div class="navList">
                      <h3>Navigation</h3>
                      <ul>
                          <li>
                              <a href="javascript:;">
                                  Home
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  About Us
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  Products
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  News
                              </a>
                          </li>
                          <li>
                              <a href="javascript:;">
                                  Contact Us
                              </a>
                          </li>
                      </ul>
                  </div>
                 

                  

              </div>
              <div class="sns_link">
                  <div class="link">
                      <div class="link_item">
                          <div class="icon">
                              <img src="./img/index/foot_tel.png" alt="">
                          </div>
                          <a href="tel:+86 155 3304 0524">
                          Phone:+86 155 3304 0524
                          </a>
                      </div>
                      <div class="link_item">
                          <div class="icon">
                              <img src="./img/index/foot_emial.png" alt="">
                          </div>
                          <a href="mailto:sissi@wanlian-supplychain.com">
                              sissi@wanlian-supplychain.com
                          </a>
                      </div>
                      <div class="link_item">
                          <div class="icon">
                              <img src="./img/index/foot_weixin.png" alt="">
                          </div>
                          <a href="javascript:;">
                              WeChat:jiufurockbolt
                          </a>
                      </div>
                      <div class="link_item">
                          <div class="icon">
                              <img src="./img/index/foot_add.png" alt="">
                          </div>
                          <a href="javascript:;">
                              add:
                              <br>
                              Southwest Development Zone, Mingguan Town, Yongnian District, Handan City, Hebei Province
                          </a>
                      </div>
                  </div>
                  <div class="snslist">
                      <ul>
                          <li>
                              <a href="javascripr:;">
                                  <img src="./img/index/sns01.png" alt="">
                              </a>
                          </li>
                          <li>
                              <a href="javascripr:;">
                                  <img src="./img/index/sns02.png" alt="">
                              </a>
                          </li>
                          <li>
                              <a href="javascripr:;">
                                  <img src="./img/index/sns03.png" alt="">
                              </a>
                          </li>
                          <li>
                              <a href="javascripr:;">
                                  <img src="./img/index/sns04.png" alt="">
                              </a>
                          </li>
                         
                          <li>
                              <a href="javascripr:;">
                                  <img src="./img/index/sns05.png" alt="">
                              </a>
                          </li>
                      </ul>
                  </div>
              </div>
          </div>
          <div class="copy">
              Copyright @2023.All rights reserved.
          </div>
      </div>
      <div class="sj-footer">
          <ul>
              <li>
                  <a href="./index.html">
                      <svg t="1688436920985" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="2065"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
                          <path
                              d="M969.6 502.4l-118.4-112-323.2-300.8c-9.6-9.6-22.4-9.6-32 0l-313.6 297.6c-3.2 3.2-6.4 6.4-9.6 9.6l-118.4 112c-9.6 9.6-9.6 22.4 0 32s22.4 9.6 32 0l83.2-80 0 393.6c0 48 41.6 89.6 92.8 89.6l83.2 0c38.4 0 70.4-28.8 70.4-67.2l0-217.6 99.2 0 99.2 0 0 217.6c0 35.2 32 67.2 70.4 67.2l83.2 0c51.2 0 92.8-38.4 92.8-89.6l0-396.8 80 73.6c9.6 9.6 22.4 9.6 32 0C979.2 524.8 979.2 512 969.6 502.4zM809.6 857.6c0 25.6-19.2 44.8-44.8 44.8l-83.2 0c-12.8 0-22.4-9.6-22.4-22.4L659.2 640c0-12.8-9.6-22.4-22.4-22.4l-121.6 0-121.6 0c-12.8 0-22.4 9.6-22.4 22.4l0 240c0 12.8-9.6 22.4-22.4 22.4l-83.2 0c-25.6 0-44.8-19.2-44.8-44.8l0-438.4 294.4-281.6 294.4 281.6L809.6 857.6z"
                              p-id="2066"></path>
                      </svg>
                      <p>Index</p>
                  </a>

              </li>
              <li>
                  <a href="./product-list.html">
                      <svg t="1688436936338" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="2519"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
                          <path
                              d="M383.10658438 962H177.23974854a115.37999209 115.37999209 0 0 1-115.1996792-115.1996792V640.87338096a115.36997432 115.36997432 0 0 1 115.1996792-115.19968008h205.86683584a115.37999209 115.37999209 0 0 1 115.19968007 115.19968008v205.87685273a115.37999209 115.37999209 0 0 1-115.19968007 115.24976631zM177.23974854 588.18204864a52.75143545 52.75143545 0 0 0-52.69133145 52.69133232v205.87685273a52.76145323 52.76145323 0 0 0 52.69133145 52.75143545h205.86683584a52.76145323 52.76145323 0 0 0 52.70134921-52.70134834V640.87338096a52.76145323 52.76145323 0 0 0-52.70134921-52.69133233zM839.60785391 962H633.67089629a115.36997432 115.36997432 0 0 1-115.1996792-115.1996792V640.87338096a115.36997432 115.36997432 0 0 1 115.1996792-115.19968008h205.93695762a115.36997432 115.36997432 0 0 1 115.19967919 115.19968008v205.87685273a115.36997432 115.36997432 0 0 1-115.19967919 115.24976631zM633.67089629 588.18204864a52.75143545 52.75143545 0 0 0-52.69133145 52.69133232v205.87685273a52.75143545 52.75143545 0 0 0 52.69133144 52.75143545h205.93695763a52.75143545 52.75143545 0 0 0 52.69133145-52.70134834V640.87338096a52.75143545 52.75143545 0 0 0-52.69133145-52.69133233zM736.61934043 514.46427119a101.91665567 101.91665567 0 0 1-72.54574629-30.05208984L540.43929512 360.76786455a102.68799258 102.68799258 0 0 1 0-145.08147481L664.09362881 92.10217695a102.56778457 102.56778457 0 0 1 145.07145703 0l123.60424746 123.58421279a102.76813125 102.76813125 0 0 1 0 145.07145703L809.16508584 484.41218135a101.92667256 101.92667256 0 0 1-72.54574542 30.05208984z m0-389.9158541a39.68879414 39.68879414 0 0 0-28.23894756 11.71029814l-123.71443857 123.6543337a40.06945371 40.06945371 0 0 0 0 56.63817334l123.64431679 123.63429902c15.10618448 15.13623604 41.48190176 15.13623604 56.62815557 0l123.62428212-123.62428213a40.06945371 40.06945371 0 0 0 0-56.65820713L764.93842666 136.26873213a39.80900215 39.80900215 0 0 0-28.31908623-11.72031504zM383.10658438 506.41031094H177.23974854a115.36997432 115.36997432 0 0 1-115.1996792-115.1996792V185.26365722a115.36997432 115.36997432 0 0 1 115.1996792-115.19968008h205.86683584a115.36997432 115.36997432 0 0 1 115.19968007 115.19968009V391.1705624a115.36997432 115.36997432 0 0 1-115.19968007 115.23974854zM177.23974854 132.60237734a52.75143545 52.75143545 0 0 0-52.69133145 52.69133144V391.1705624a52.75143545 52.75143545 0 0 0 52.69133145 52.69133145h205.86683584a52.76145323 52.76145323 0 0 0 52.70134921-52.69133145V185.26365722a52.75143545 52.75143545 0 0 0-52.70134921-52.69133144z"
                              p-id="2520"></path>
                      </svg>
                      <p>Proudcts</p>
                  </a>


              </li>
              <li id="f-logo">
                  <div class="imgWrap">
                      <img src="./img/index/logo.png" alt="">
                  </div>
              </li>
              <li>
                  <a href="./about.html">
                      <svg t="1688436925737" class="icon" viewBox="0 0 1229 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="2215"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="38.40625" height="32">
                          <path
                              d="M727.59 511.004C817.748 467.99 880.387 375.63 880.387 268.53 880.387 120.549 761.052 0.147 614.391 0.147S348.4 120.549 348.4 268.53c0 107.098 62.674 199.46 152.792 242.474-224.396 55.89-328.166 277.36-328.166 485.41 0 14.89 11.962 26.876 26.643 26.876 14.76 0 26.68-12.027 26.68-26.876 0-214.47 121.399-445.341 388.01-445.341 266.604 0 388.004 230.871 388.004 445.341 0 14.89 11.96 26.876 26.678 26.876 14.721 0 26.643-12.027 26.643-26.876 0.074-208.051-103.656-429.522-328.093-485.41M401.72 268.53c0-118.315 95.37-214.583 212.67-214.583 117.297 0 212.675 96.268 212.675 214.583 0 118.276-95.376 214.511-212.675 214.511-117.301 0-212.67-96.235-212.67-214.511"
                              p-id="2216"></path>
                          <path
                              d="M289.591 493.675c12.114-1.162 21.894-10.48 23.806-22.626 1.877-12.147-4.674-24.098-15.868-28.931-5.364-2.321-130.794-58.097-120.828-189.135C188.124 103.764 349.2 85.703 356.177 84.966c14.607-1.428 25.34-14.541 23.924-29.32-1.38-14.812-14.225-25.601-29.058-24.25C277.56 38.475 135.42 93.01 123.5 248.847c-7.324 96.924 44.313 166.582 95.411 207.43-88.82 31.206-234.37 119.899-216.354 364.072 1.034 14.118 12.728 24.947 26.523 24.947 0.692 0 1.347 0 2.039-0.077 14.68-1.121 25.719-14.041 24.607-28.854-21.62-293.563 223.52-321.686 233.865-322.69M1105.17 248.848C1093.283 93.05 951.185 38.513 877.702 31.397c-14.76-1.318-27.679 9.477-29.06 24.213-1.415 14.773 9.355 27.928 24 29.356 6.86 0.655 167.9 17.87 179.358 167.978 10.01 131.04-115.456 186.853-120.708 189.098-11.23 4.797-17.787 16.667-15.952 28.812 1.803 12.146 11.615 21.581 23.73 22.781 10.43 1.009 255.568 29.125 233.95 322.655-1.111 14.813 9.926 27.726 24.608 28.848 0.69 0.083 1.345 0.083 2.033 0.083 13.8 0 25.494-10.792 26.527-24.947 18.052-244.097-127.497-332.79-216.354-363.997 51.1-40.923 102.77-110.505 95.336-207.43z"
                              p-id="2217"></path>
                      </svg>
                      <p>About</p>
                  </a>

              </li>
              <li>
                  <a href="./news-list.html">
                      <svg t="1688436930449" class="icon" viewBox="0 0 1024 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="2366"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
                          <path
                              d="M438.3 917.2l-98.6-82.8c-11.7-9.8-13.3-27.3-3.4-39.1 11.4-13.5 31.5-15.3 45.1-3.9L431 833l58.1-69.2h381.4c16.5 0 29.9-13.4 29.9-29.9V196.4c0-16.5-13.4-29.9-29.9-29.9H153.6c-16.5 0-29.9 13.4-29.9 29.9V734c0 16.5 13.4 29.9 29.9 29.9h61.3c17.7 0 32 14.3 32 32 0 15.3-12.4 27.7-27.7 27.7h-65.6c-49.5 0-89.6-40.1-89.6-89.6V196.4c0-49.5 40.1-89.6 89.6-89.6h716.8c49.5 0 89.6 40.1 89.6 89.6V734c0 49.5-40.1 89.6-89.6 89.6H516.9l-78.6 93.6z"
                              fill="#333333" p-id="2367"></path>
                          <path d="M293.7 462m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#333333"
                              p-id="2368"></path>
                          <path d="M511.7 462m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#333333"
                              p-id="2369"></path>
                          <path d="M730.3 462m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#333333"
                              p-id="2370"></path>
                      </svg>
                      <p>News</p>
                  </a>

              </li>
          </ul>
      </div>
  </div>
  </div>
  <!--// container end -->
  <div class="inquiry-pop-bd">
    <div class="inquiry-pop"><i class="ico-close-pop" onclick="hideMsgPop();"></i>
      <h3 class="form_title">Leave Your Message</h3>
      <!-- 表单只放下面div的 -->
        <div class="form">
          <div action="" id="form">
              <div class="list">
              <p><span>*</span> Name</p>
              <input type="text" placeholder="Please enter your first name">
              </div>
              <div class="list">
              <p><span>*</span> Email</p>
              <input type="text" placeholder="( we will reply your email in 24 hours )">
              </div>
              <div class="list">
              <p> Phone/WhatsAPP/WeChat</p>
              <input type="text" placeholder="( very important )">
              </div>
              <div class="list">
              <p><span>*</span> What I have to say</p>
              <textarea name="" placeholder="Enter product details such as size, color, materials etc and other specificrequirements to receive an accurate quote"></textarea>
              </div>
              <input type="submit" value="Submit" id="submit">
          </div>
        </div>
</div>
  </div>
  <div class="sidebarWrapper">
    <div class="sidebar">
        <ul>
            <li>
                <div class="imgWrap">
                    <img src="./img/side_facebook.png" alt="">
                </div>
                <div class="info">
                    <a href="#">facebook</a>
                </div>
            </li>
            <li>
                <div class="imgWrap">
                    <img src="./img/sms.png" alt="">
                </div>
                <div class="info">
                    <p>Searchtest@test.com</p>
                </div>
            </li>
            <li>
                <div class="imgWrap">
                    <img src="./img/telephone.png" alt="">
                </div>
                <div class="info">
                    <p>
                        xxxxxx
                 </p>
            </div>
            </li>
            <!-- <li class="ewmWrap">
                <div class="imgWrap">
                    <img src="./img/erweima.png" alt="">
                </div>
                <div class="info">
                    <p>Searchtest@test.com</p>
                    <div class="ewm">
                        <img src="./img/ewm.png" alt="">
                    </div>
                </div>
            </li> -->
        </ul>
    </div>
  </div>
  <div class="web-search"> <b id="btn-search-close" class="btn--search-close"></b>
    <div style=" width:100%">
      <div class="head-search">
        <form class="" action="">
          <input class="search-ipt" name="s" placeholder="Start Typing..." />
          <input class="search-btn" type="button" />
          <span class="search-attr">Hit enter to search or ESC to close</span>
        </form>
      </div>
    </div>
  </div>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/style.js"></script>
  <ul class="prisna-wp-translate-seo" id="prisna-translator-seo">
    <li class="language-flag language-flag-en"> <a title="English" href="javascript:;"> <b class="country-flag"></b> <span>English</span> </a> </li>
    <li class="language-flag language-flag-fr"> <a title="Français" href="javascript:;"> <b class="country-flag"></b> <span>Français</span> </a> </li>
    <li class="language-flag language-flag-es"> <a title="Español" href="javascript:;"> <b class="country-flag"></b> <span>Español</span> </a> </li>
    <li class="language-flag language-flag-de"> <a title="Deutsch" href="javascript:;"> <b class="country-flag"></b> <span>Deutsch</span> </a> </li>
    <li class="language-flag language-flag-ro"> <a title="Română" href="javascript:;"> <b class="country-flag"></b> <span>Română</span> </a> </li>
    <li class="language-flag language-flag-ar"> <a title="العربية" href="javascript:;"> <b class="country-flag"></b> <span>العربية</span> </a> </li>
    <li class="language-flag language-flag-ko"> <a title="한국어" href="javascript:;"> <b class="country-flag"></b> <span>한국어</span> </a> </li>
    <li class="language-flag language-flag-ja"> <a title="日本語" href="javascript:;"> <b class="country-flag"></b> <span>日本語</span> </a> </li>
    <li class="language-flag language-flag-it"> <a title="Italiano" href="javascript:;"> <b class="country-flag"></b> <span>Italiano</span> </a> </li>
    <li class="language-flag language-flag-pt"> <a title="Português" href="javascript:;"> <b class="country-flag"></b> <span>Português</span> </a> </li>
    <li class="language-flag language-flag-ga"> <a title="Gaeilge" href="javascript:;"> <b class="country-flag"></b> <span>Gaeilge</span> </a> </li>
    <li class="language-flag language-flag-da"> <a title="Dansk" href="javascript:;"><b class="country-flag"></b> <span>Dansk</span> </a> </li>
    <li class="language-flag language-flag-cs"> <a title="Čeština" href="javascript:;"> <b class="country-flag"></b> <span>Čeština</span> </a> </li>
    <li class="language-flag language-flag-ru"> <a title="Русский" href="javascript:;"> <b class="country-flag"></b> <span>Русский</span> </a> </li>
    <li class="language-flag language-flag-af"> <a title="Afrikaans" href="javascript:;"> <b class="country-flag"></b> <span>Afrikaans</span> </a> </li>
    <li class="language-flag language-flag-eu"> <a title="Euskara" href="javascript:;"> <b class="country-flag"></b> <span>Euskara</span> </a> </li>
    <li class="language-flag language-flag-ca"> <a title="Català" href="javascript:;"> <b class="country-flag"></b> <span>Català</span> </a> </li>
    <li class="language-flag language-flag-eo"> <a title="Esperanto" href="javascript:;"> <b class="country-flag"></b> <span>Esperanto</span> </a> </li>
    <li class="language-flag language-flag-hi"> <a title="हिन्दी" href="javascript:;"> <b class="country-flag"></b> <span>हिन्दी</span> </a> </li>
    <li class="language-flag language-flag-el"> <a title="Ελληνικά" href="javascript:;"> <b class="country-flag"></b> <span>Ελληνικά</span> </a> </li>
    <li class="language-flag language-flag-ms"> <a title="Bahasa Melayu" href="javascript:;"> <b class="country-flag"></b> <span>Bahasa Melayu</span> </a> </li>
    <li class="language-flag language-flag-pl"> <a title="Polski" href="javascript:;"> <b class="country-flag"></b> <span>Polski</span> </a> </li>
    <li class="language-flag language-flag-sr"> <a title="Српски" href="javascript:;"> <b class="country-flag"></b> <span>Српски</span> </a> </li>
    <li class="language-flag language-flag-sw"> <a title="Kiswahili" href="javascript:;"> <b class="country-flag"></b> <span>Kiswahili</span> </a> </li>
    <li class="language-flag language-flag-th"> <a title="ภาษาไทย" href="javascript:;"> <b class="country-flag"></b> <span>ภาษาไทย</span> </a> </li>
    <li class="language-flag language-flag-vi"> <a title="Tiếng Việt" href="javascript:;"> <b class="country-flag"></b> <span>Tiếng Việt</span> </a> </li>
    <li class="language-flag language-flag-tr"> <a title="Türkçe" href="javascript:;"> <b class="country-flag"></b> <span>Türkçe</span> </a> </li>
    <li class="language-flag language-flag-sv"> <a title="Svenska" href="javascript:;"> <b class="country-flag"></b> <span>Svenska</span> </a> </li>
    <li class="language-flag language-flag-cy"> <a href="javascript:;"> <b class="country-flag"></b> <span>Cymraeg</span> </a> </li>
    <li class="language-flag language-flag-sk"> <a title="Slovenčina" href="javascript:;"> <b class="country-flag"></b> <span>Slovenčina</span> </a> </li>
    <li class="language-flag language-flag-lv"> <a title="Latviešu" href="javascript:;"> <b class="country-flag"></b> <span>Latviešu</span> </a> </li>
    <li class="language-flag language-flag-mt"> <a title="Malti" href="javascript:;"> <b class="country-flag"></b> <span>Malti</span> </a> </li>
    <li class="language-flag language-flag-hu"> <a title="Magyar" href="javascript:;"> <b class="country-flag"></b> <span>Magyar</span> </a> </li>
    <li class="language-flag language-flag-gl"> <a title="Galego" href="javascript:;"> <b class="country-flag"></b> <span>Galego</span> </a> </li>
    <li class="language-flag language-flag-gu"> <a title="ગુજરાતી" href="javascript:;"> <b class="country-flag"></b> <span>ગુજરાતી</span> </a> </li>
    <li class="language-flag language-flag-et"> <a title="Eesti Keel" href="javascript:;"> <b class="country-flag"></b> <span>Eesti Keel</span> </a> </li>
    <li class="language-flag language-flag-bn"> <a title="বাংলা" href="javascript:;"> <b class="country-flag"></b> <span>বাংলা</span> </a> </li>
    <li class="language-flag language-flag-sq"> <a title="Shqip" href="javascript:;"> <b class="country-flag"></b> <span>Shqip</span> </a> </li>
    <li class="language-flag language-flag-be"> <a title="беларуская мова" href="javascript:;"> <b class="country-flag"></b> <span>беларуская мова</span> </a> </li>
    <li class="language-flag language-flag-nl"> <a title="Nederlands" href="javascript:;"> <b class="country-flag"></b> <span>Nederlands</span> </a> </li>
    <li class="language-flag language-flag-tl"> <a title="Tagalog" href="javascript:;"> <b class="country-flag"></b> <span>Tagalog</span> </a> </li>
    <li class="language-flag language-flag-ka"> <a title="ქართული" href="javascript:;"> <b class="country-flag"></b> <span>ქართული</span> </a> </li>
    <li class="language-flag language-flag-is"> <a title="Íslenska" href="javascript:;"> <b class="country-flag"></b> <span>Íslenska</span> </a> </li>
    <li class="language-flag language-flag-ht"> <a title="Kreyòl Ayisyen" href="javascript:;"> <b class="country-flag"></b> <span>Kreyòl Ayisyen</span> </a> </li>
    <li class="language-flag language-flag-lt"> <a title="Lietuvių" href="javascript:;"> <b class="country-flag"></b> <span>Lietuvių</span> </a> </li>
    <li class="language-flag language-flag-no"> <a title="Norsk‎" href="javascript:;"> <b class="country-flag"></b> <span>Norsk‎</span> </a> </li>
    <li class="language-flag language-flag-sl"> <a title="slovenščina" href="javascript:;"> <b class="country-flag"></b> <span>slovenščina</span> </a> </li>
    <li class="language-flag language-flag-ta"> <a title="தமிழ்" href="javascript:;"> <b class="country-flag"></b> <span>தமிழ்</span> </a> </li>
    <li class="language-flag language-flag-uk"> <a title="Українська" href="javascript:;"> <b class="country-flag"></b> <span>Українська</span> </a> </li>
    <li class="language-flag language-flag-yi"> <a title="ײִדיש" href="javascript:;"> <b class="country-flag"></b> <span>ײִדיש</span> </a> </li>
    <li class="language-flag language-flag-ur"> <a title="اردو" href="javascript:;"> <b class="country-flag"></b> <span>اردو</span> </a> </li>
    <li class="language-flag language-flag-te"> <a title="తెలుగు" href="javascript:;"> <b class="country-flag"></b> <span>తెలుగు</span> </a> </li>
    <li class="language-flag language-flag-fa"> <a title="فارسی" href="javascript:;"> <b class="country-flag"></b> <span>فارسی</span> </a> </li>
    <li class="language-flag language-flag-mk"> <a title="македонски" href="javascript:;"> <b class="country-flag"></b> <span>македонски</span> </a> </li>
    <li class="language-flag language-flag-kn"> <a title="ಕನ್ನಡ" href="javascript:;"> <b class="country-flag"></b> <span>ಕನ್ನಡ</span> </a> </li>
    <li class="language-flag language-flag-id"> <a title="Bahasa Indonesia" href="javascript:;"> <b class="country-flag"></b> <span>Bahasa Indonesia</span> </a> </li>
    <li class="language-flag language-flag-iw"> <a title="עברית" href="javascript:;"> <b class="country-flag"></b> <span>עברית</span> </a> </li>
    <li class="language-flag language-flag-fi"> <a title="Suomi" href="javascript:;"> <b class="country-flag"></b> <span>Suomi</span> </a> </li>
    <li class="language-flag language-flag-hr"> <a title="Hrvatski" href="javascript:;"> <b class="country-flag"></b> <span>Hrvatski</span> </a> </li>
    <li class="language-flag language-flag-bg"> <a title="Български" href="javascript:;"> <b class="country-flag"></b> <span>Български</span> </a> </li>
    <li class="language-flag language-flag-az"> <a title="Azerbaijani" href="javascript:;"> <b class="country-flag"></b> <span>Azerbaijani</span> </a> </li>
  </ul>
</body>

</html>